<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src=jquery.min.js></script>
    <script src="animation.js"></script>
    <link type="text/css" rel=stylesheet href=animation.css>
</head>
<body>
    <!--<p>helo world</p>-->
    <!--<button id=hidder>hidden</button>-->
    <!--<button id=show>show</button>-->
    <!--<button id=toggle>hiddern/show</button>-->

    <script>
        for(var i=0;i<5;i++){
            $("<div>").appendTo(document.body);
        }
        $("div").click(function () {
            $(this).hide(2000);//点击之后隐藏
            $(this).hide(2000,function () {//点击之后移除掉
                $(this).remove();

            });

        })
    </script>
</body>
</html>